<template>
  <n-config-provider :theme="theme" style="height: 100%">
    <Header></Header>
    <Main></Main>
    <Footer></Footer>
  </n-config-provider>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";
import { darkTheme } from "naive-ui";
import Header from "./Header.vue";
import Main from "./Main.vue";
import Footer from "./Footer.vue";

export default defineComponent({
  components: { Header, Main, Footer },
  setup() {
    return {
      theme: ref(darkTheme),
    };
  },
});
</script>

<style></style>
